<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>穷游网</title>
    <link rel="stylesheet" href="./css/font-awesome.css">
    <link rel="stylesheet" href="./css/code.css">
</head>
<body>
    <!-- 头部布局 开始 -->
    <header>
        <div class="logo">
            <img src="./images/logo.svg" alt="">
        </div>
        <div class="search">
            <span class="fa fa-search"></span>
            <input type="text" name="" id="" placeholder="搜索目的地,游记攻略,各地美食">
        </div>
        <div class="login">
            <img src="./images/login.jpg" alt="">
        </div>
    </header>
    <!-- 头部布局 结束 -->
    <!-- 静态轮播图布局 开始 -->
    <div class="carousel">
        <img src="./images/carousel.jpg" alt="">
    </div>
    <!-- 静态轮播图布局 结束 -->
    <!-- 选项栏布局 开始 -->
    <div class="nav">
        <a href=""><img src="./images/ia_100000038.jpg" alt="">锦囊</a>
        <a href=""><img src="./images/ia_100000039.jpg" alt="">行程助手</a>
        <a href=""><img src="./images/ia_100000040.jpg" alt="">游记</a>
        <a href=""><img src="./images/ia_100000041.jpg" alt="">Biu</a>
        <a href=""><img src="./images/ia_100000042.jpg" alt="">问答</a>
        <a href=""><img src="./images/ia_100000043.jpg" alt="">目的地</a>
        <a href=""><img src="./images/ia_100000044.jpg" alt="">酒店</a>
        <a href=""><img src="./images/ia_100000045.jpg" alt="">商城</a>
        <a href=""><img src="./images/ia_100000046.jpg" alt="">约伴</a>
        <a href=""><img src="./images/ia_100000047.jpg" alt="">专栏</a>
    </div>
    <!-- 选项栏布局 结束 -->
    <!-- 主题折扣布局 开始 -->
    <div class="discount">
        <div class="discount-title">主打折扣</div>
        <div class="discount-content">
            <div>
                <a href="">
                    <img src="./images/ia_100000005.jpg" alt="">
                    <p>[枫叶季特惠]上海/杭州/南京/广州/北京/成都/常州直达</p>
                    <span><dl>799</dl>元起</span>
                </a>
                <a href="">
                    <img src="./images/ia_100000006.jpg" alt="" style="height: 104px;">
                    <p>北京天津直飞日本/东京/北海道札幌/冲绳/广岛/千叶</p>
                    <span><dl>799</dl>元起</span>
                </a>
            </div>
        </div>
    </div>
    <!-- 主题折扣布局 结束 -->
    <!-- 精选玩乐布局 开始 -->
    <div class="ploy">
        <div class="ploy-title">精选玩乐</div>
        <div class="ploy-conten">
            <a href=""><span>特价机票</span><img src="./images/ia_100000009.jpg" alt=""></a>
            <a href=""><span>特价机票</span><img src="./images/ia_100000010.jpg" alt=""></a>
            <a href=""><span>特价机票</span><img src="./images/ia_10`0000011.jpg" alt=""></a>
            <a href=""><span>特价机票</span><img src="./images/ia_100000012.jpg" alt=""></a>
            <a href=""><span>特价机票</span><img src="./images/ia_100000013.jpg" alt=""></a>
            <a href=""><span>特价机票</span><img src="./images/ia_100000014.jpg" alt=""></a>
            <a href=""><span>特价机票</span><img src="./images/ia_100000015.jpg" alt=""></a>
            <a href=""><span>特价机票</span><img src="./images/ia_100000016.jpg" alt=""></a>
            <a href=""><span>特价机票</span><img src="./images/ia_100000017.jpg" alt=""></a>
        </div>
    </div>
    <!-- 精选玩乐布局 结束 -->
    <!-- 精选攻略布局 开始 -->
    <div class="strategy">
        <div class="strategy-title">
            <span>精选攻略</span>
            <a href=""><span class="fa fa-exclamation-circle"></span> 出境游安全提示》</a>
        </div>
        <div class="strategy-conten">
           <div class="s-conten">
               <a href="">
                   <img src="./images/ia_undefined (15).jpg" alt="">
                   <p>2019墨西哥亡灵节最全攻略从寻梦环游记知道了</p>
                  <div class="user"><img src="./images/touxiang.jpg" alt=""><span class="lier">李二先生跟阿姀</span><span class="fa fa-heart"></span><span>603</span></div>
                </a>
                </div>
                <div class="s-conten">
                    <a href="">
                        <img src="./images/ia_undefined (15).jpg" alt="">
                        <p>2019墨西哥亡灵节最全攻略从寻梦环游记知道了</p>
                        <div class="user"><img src="./images/touxiang.jpg" alt=""><span class="lier">李二先生跟阿姀</span><span class="fa fa-heart"></span><span>603</span></div>
                    </a>
               </div>
               <div class="s-conten">
                <a href="">
                    <img src="./images/ia_undefined (15).jpg" alt="">
                    <p>2019墨西哥亡灵节最全攻略从寻梦环游记知道了</p>
                    <div class="user"><img src="./images/touxiang.jpg" alt=""><span class="lier">李二先生跟阿姀</span><span class="fa fa-heart"></span><span>603</span></div>
              </div>
              <div class="s-conten">
                <a href="">
                    <img src="./images/ia_undefined (15).jpg" alt="">
                    <p>2019墨西哥亡灵节最全攻略从寻梦环游记知道了</p>
                    <div class="user"><img src="./images/touxiang.jpg" alt=""><span class="lier">李二先生跟阿姀</span><span class="fa fa-heart"></span><span>603</span></div>
                </a>
                 </div>
        </div>
    </div>
    <!-- 精选攻略布局 结束 -->
    <!-- 加载布局 开始 -->
    <div class="more">
        <a href="">加载更多内容</a>
    </div>
    <!-- 加载布局 结束 -->
    <!-- 穷游尾部布局 开始 -->
    <footer>
        <div class="opinion ">
            <a href="">手机版</a>
            <a href="">电脑版</a>
            <a href="">APP</a>
            <a href="">意见反馈</a>
        </div>
        <div class="opinion-title">2014-2019北京穷游天下科技发展有限公司</div>
        <div class="icp">京ICP12003524号|电话 010 64554669</div>
    </footer>
    <!-- 穷游尾部布局 结束 -->
</body>
</html>